//列表呈现
$(function(){
	$(".updateForm").hide();
	$.ajax({
		url : "findAll",
		dataType : "json",
		data : {},
		success : function(data){
			findAll(data);
		},
		error : function(data){
			console.log(data);
			alert("查询失败");
		}
	});
});
function findAll(data){
	$(".table tbody").empty();
	if(data.length < 1){
		$(".table tbody").append("<tr><td console='10'>暂无数据</td></tr>");
		return;
	}
	for(var i=0; i<data.length; i++){
		var tr = $("<tr></tr>");
		tr.append("<td><input type='checkbox' name='ids' value=''" + data[i].id + "'></td>");
		tr.append("<td>" + data[i].username + "</td>");
		tr.append("<td>" + data[i].password + "</td>");
		tr.append("<td>" + data[i].genter + "</td>");
		
		var edit = "<a onclick=showEditData('" + data[i].id + "')>编辑</a>";
		var del = "<a onclick=deleteData('" + data[i].id + "')>删除</a>";
		tr.append("<td>" + edit + " " + del + "</td>");
		$(".table tbody").append(tr);
	}
}
//全选
$(function(){
	$("#checkAll").click(function(){
		$('input[name="ids"]').prop("checked",this.checked);
  });
})

//编辑
function showEditData(id){
	$(".table").hide();
	$(".updateForm").show();
	
	$.ajax({
		url : "edit",
		dataType : "json",
		type : "post",
		data : {
			"id" : id
		},
		success : function(data){
			$(".id").attr("value",data[0].id);
			$(".username").prop("value",data[0].username);
			$(".password").prop("value",data[0].password);
			if(data[0].genter == '男')
				$(".genter[value='男']").attr("checked",true);
			else if(data[0].genter == '女')
				$(".genter[value='女']").attr("checked",true);
		},
		error : function(data){
			alert("查询失败！---"+data);
		}
	});
}